<template>
	<view class="header-board">
		<view @click="onIconBtnClick('back')" class="back-img">
			<image src="@/static/images/common/back.png" />
		</view>
		<view class="back-img" @click="onIconBtnClick('collect')"><image src="@/static/images/common/collect.png" /></view>
		<!-- <view class="title">12313</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			onIconBtnClick(name) {
				console.log(name);
				if (name == 'back') {
					uni.navigateBack({
						delta: 1
					});
				} else if (name == 'collect') {
					// this.collectSingle();
					this.$emit('handleBtnClick',name)
				} else{
					this.$emit('handleBtnClick',name)
				}
				
			},
		}
	}
</script>

<style lang="scss">
.header-board {
	  position: fixed;
	  z-index: 200;
	  display: flex;
	  align-items: center;
	  width: 100%;
	  height: 100rpx;
	  margin-top: 100rpx;
	}
	
	.header-board .back-img,
	.header-board .collect-img {
		width: 100rpx;
		height: 100rpx;
		margin-left: 40rpx;
		border-radius: 50%;
		overflow: hidden;
	}
	
	.header-board .title {
	  font-size: 38rpx;
	  color: #E6E7F2;
	}
	
</style>
